<template>
	<view>
		<view class="cu-custom" :style="{ height: $wanlshop.wanlsys().height + 'px'}">
			<view class="cu-bar fixed"
				:style="{ height: $wanlshop.wanlsys().height + 'px', paddingTop: $wanlshop.wanlsys().top + 'px', backgroundImage: 'url(' + $wanlshop.oss('/uploads/20230914/4a372f1263d952c6ddb722052b042fed.png', 52, 52, 2, 'avatar') + ')'  }">
				<view class="text-lg" @tap="$wanlshop.auth('/pages/user/setting/user')">
					<view v-if="headerOpacity == 1">
						<view class="cu-avatar round margin-right-xs"
							:style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 35, 35, 2, 'avatar') + ')' }">
						</view>
						<text v-if="user.isLogin">{{ user.nickname }}</text>
						<text v-else>登录 / 注册</text>
					</view>
				</view>
				<!-- 背景 -->
				<view class="bar-bg" v-if="headerOpacity > 0" :style="{ 
					height: $wanlshop.wanlsys().height + 'px', 
					opacity: headerOpacity,
					backgroundImage: 'url(' + $wanlshop.oss('/uploads/20230914/4a372f1263d952c6ddb722052b042fed.png') + ')'
				}"></view>
				<view class="action">
					<text class="wlIcon-erweima" @tap="$wanlshop.auth('/pages/user/qrcode/user')"></text>
					<text class="wlIcon-shezhi" @tap="$wanlshop.auth('/pages/user/setting/setting')"></text>
					<text class="wlIcon-xiaoxizhongxin" @tap="$wanlshop.to('/pages/notice/notice')"></text>
					<view class="cu-tag badge"
						v-if="statistics.notice.notice +statistics.notice.order +statistics.notice.chat > 0">
						{{ statistics.notice.notice +statistics.notice.order +statistics.notice.chat }}</view>
				</view>
			</view>
		</view>
		<wanl-scroll-list ref="list" :option="{ page: 1, auto: true }" @load="load($event,'load')" @refresh="load($event,'refresh')" @scroll="scroll">
		<view class="wanl-user" :style="{ 
			backgroundImage: 'url(' + $wanlshop.oss('/uploads/20230914/4a372f1263d952c6ddb722052b042fed.png') + ')',backgroundPosition: `0 -${$wanlshop.wanlsys().height}px`}">

			<!-- <view class="user" :style="{ paddingTop: $wanlshop.wanlsys().height + 'px' }"> -->
			<view class="user padding-top-sm">
				<view class="avatar margin-right-bj" @tap="portrai">
					<image :src="$wanlshop.oss(user.avatar, 62, 62, 2, 'avatar')" mode="aspectFill">
					</image>
				</view>
				<view class="content" v-if="user.isLogin">
					<view class="text-xxl" @tap="$wanlshop.auth('/pages/user/setting/user')">{{ user.nickname }}</view>
					<view class="text-sm flex align-center justify-between nickname">
						<text>用户名:{{user.username}}</text>
					</view>
				</view>
				<view class="content" @tap="$wanlshop.auth('/pages/user')" v-else>
					<view class="text-xxl">登录 / 注册</view>
					<!-- <view class="cu-tag bg-green sm radius">Hi</view> -->
					<view class="cu-tag wanl-bg-pink sm radius">Hi，欢迎登录</view>
				</view>
				<view class="flex r" v-if="user.isLogin" @tap="$wanlshop.auth('/pages/user/setting/user')">
					<text class="text-sm">编辑资料</text>
					<text class="wlIcon-fanhui2"></text>
				</view>
			</view>
			<view class="files-container">
				<view class="files flex align-center justify-between">
					<view class="flex align-center justify-start">
						<text>个人档案 | </text> <text>详细记录您的生活</text>
					</view>
					<text @tap="$wanlshop.auth('/pages/user/information')">点击查看</text>
				</view>
				
				<view class="files flex align-center justify-between">
					<view class="flex align-center justify-start">
						<text>推荐码 | </text> <text>扫码注册成功成为你的人</text>
					</view>
					<text @tap="$wanlshop.auth('/pages/user/wxcode')">点击查看</text>
				</view>
			</view>
		</view>

		<view class="wanl-user">
			<view class="operate">
				<!-- <view class="operate" style="background-image: url(@/static/images/user/background.png);"> -->
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/collect')">
					<!-- <text class="text-bold">{{ $wanlshop.toFormat(count.user.collect) }}</text> -->
					<image src="/static/images/user/user4.png" mode="widthFix"></image>
					<text>收藏</text>
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/circle/works')">
					<!-- <text class="text-bold">{{ $wanlshop.toFormat(count.user.works, 'hundred') }}</text> -->
					<image src="/static/images/user/user3.png" mode="widthFix"></image>
					<text>作品</text>
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/footprint')">
					<!-- <text class="text-bold">{{ $wanlshop.toFormat(count.user.browse) }}</text> -->
					<image src="/static/images/user/user2.png" mode="widthFix"></image>
					<text>足迹</text>
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/comment/comment')">
					<!-- <text class="text-bold">{{ $wanlshop.toFormat(count.user.comment) }}</text> -->
					<image src="/static/images/user/user1.png" mode="widthFix"></image>
					<text>评价</text>
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/promotion/list')">
					<image src="/static/images/user/user1.png" mode="widthFix"></image>
					<text>推广</text>
				</view>

			</view>
		</view>


		<view class="wanl-user-order padding-lr-sm padding-tb-lg margin-bj radius10">
			<view class="project text-sm wanl-gray-dark">

				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/money/money')">
					<view class="wanl-pip text-xl text-bold6">{{ user.money.money1?user.money.money1:'0.00' }}</view>
					余额
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/bank/bank')">
					<view class="wanl-pip text-xl text-bold6">{{ count.user.banks }}</view>
					银行卡
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/coupon/mycard')">
					<view class="wanl-pip text-xl text-bold6">{{ count.user.coupon }}</view>
					卡券
				</view>
				<!-- <view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/signin/log')">
					<view class="wanl-pip text-xl text-bold6">{{ user.money.money2?user.money.money2:0 }}</view>
					积分
				</view> -->
				<view class="solid-left moneyinput" @tap="$wanlshop.auth('/pages/user/money/wallet')">
					<text class="wlIcon-qianbao"></text>
					<text>我的钱包</text>
				</view>
			</view>
		</view>


		<view class="wanl-user-tool wanl-user-tools margin-lr-bj radius10 margin-bottom-sm">
			<view class="title">我的订单</view>
			<view :scroll-x="true" class="list text-sm grid col-5 wanl-gray-dark">
				<!-- <view class="item" @tap="$wanlshop.auth('/pages/user/record/register/order')">
					<image src="@/static/images/user/icon/1.png" mode="widthFix"></image>
					<text class="text">预约挂号</text>
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.reservation > 0">
						{{ $wanlshop.toFormat(count.user.reservation, 'hundred') }}</view>
				</view> -->
				
				<view class="item" @tap="$wanlshop.auth('/pages/user/record/medicalvisit/order')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/3.png')" mode="widthFix"></image>
					<text class="text">医护上门</text>
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.medicalvisit > 0">
						{{ $wanlshop.toFormat(count.user.medicalvisit, 'hundred') }}</view>
				</view>
				<view class="item" @tap="$wanlshop.auth('/pages/user/record/accompany/order')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/4.png')" mode="widthFix"></image>
					<text class="text">陪诊陪护</text>
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.accompany > 0">
						{{ $wanlshop.toFormat(count.user.accompany, 'hundred') }}</view>
				</view>
				<view class="item" @tap="$wanlshop.auth('/pages/user/record/domestic/order')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/5.png')" mode="widthFix"></image>
					<text class="text">家政服务</text>
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.homeking > 0">
						{{ $wanlshop.toFormat(count.user.homeking, 'hundred') }}</view>
				</view>
				<view class="item" @tap="$wanlshop.auth('/pages/user/record/nursing/order')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/6.png')" mode="widthFix"></image>
					<text class="text">医养院服务</text>
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.nursing > 0">
						{{ $wanlshop.toFormat(count.user.nursing, 'hundred') }}</view>
				</view>
				<view class="item" @tap="$wanlshop.auth('/pages/user/order/order')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/7.png')" mode="widthFix"></image>
					<text class="text">商城订单</text>
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.goods > 0">
						{{ $wanlshop.toFormat(count.user.goods, 'hundred') }}</view>
				</view>
				<view class="item" @tap="$wanlshop.auth('/pages/user/order/refund?s=goods')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/8.png')" mode="widthFix"></image>
					
					<text class="text">售后</text>
				</view>
			</view>
		</view>

		<view class="wanl-user-tool margin-lr-bj radius10 margin-bottom-sm">
			<view class="title">常用工具</view>
			<view class="list text-sm grid col-5 wanl-gray-dark">
				
				<!-- <view @tap="apply">
					<image src="@/static/images/user/icon/o9.png" mode="widthFix"></image>
					申请
				</view> -->
				<view @tap="$wanlshop.auth('/pages/user/user')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o11.png')" mode="widthFix"></image>
					
					我的服务
					<view class="cu-tag badge wanl-bg-orange" v-if="num > 0">
						{{ $wanlshop.toFormat(num, 'hundred') }}</view>
				</view>
				<!-- <view @tap="$wanlshop.auth('/pages/user/record/medicalvisit/border')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o11.png')" mode="widthFix"></image>
					医护上门
					<view class="cu-tag badge wanl-bg-orange" v-if="count.service.medicalvisit > 0">
						{{ $wanlshop.toFormat(count.service.medicalvisit, 'hundred') }}</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/record/accompany/border')">
					<image src="@/static/images/user/icon/o12.png" mode="widthFix"></image>
					陪诊陪护
					<view class="cu-tag badge wanl-bg-orange" v-if="count.service.accompany > 0">
						{{ $wanlshop.toFormat(count.service.accompany, 'hundred') }}</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/record/domestic/border')">
					<image src="@/static/images/user/icon/o13.png" mode="widthFix"></image>
					家政服务
					<view class="cu-tag badge wanl-bg-orange" v-if="count.service.domestic > 0">
						{{ $wanlshop.toFormat(count.service.domestic, 'hundred') }}</view>
				</view> -->
				<view @tap="$wanlshop.auth('/pages/apps/groups/order/order')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o1.png')" mode="widthFix"></image>
					拼团订单
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.groups > 0">
						{{ $wanlshop.toFormat(count.user.groups, 'hundred') }}</view>
				</view>
				<!-- <view @tap="$wanlshop.auth('/pages/shop/apply/details')">
					<image src="@/static/images/user/icon/o2.png" mode="widthFix"></image>
					商家入驻
				</view> -->
				<view @tap="$wanlshop.auth('/pages/user/envelope/address')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o3.png')" mode="widthFix"></image>
					收货地址
				</view>
				<view @tap="$wanlshop.auth('/pages/user/feedback/lists')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o4.png')" mode="widthFix"></image>
					反馈
				</view>
				<view @tap="$wanlshop.auth('/pages/user/service')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o5.png')" mode="widthFix"></image>
					智能小蜜
				</view>
				<view @tap="$wanlshop.auth('/pages/community/question/home')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o10.png')" mode="widthFix"></image>
					社区问答
				</view>
				<!-- v-if="user.identity.identity5 > 0" -->
				<view @tap="$wanlshop.auth('/pages/driver/order/index')" >
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o6.png')" mode="widthFix"></image>
					司机端
					<view class="cu-tag badge wanl-bg-orange" v-if="count.user.ddcar > 0">
						{{ $wanlshop.toFormat(count.user.ddcar, 'hundred') }}</view>
				</view>
				<!-- <view @tap="$wanlshop.auth('/pages/common/rtmp/transcribe')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o7.png')" mode="widthFix"></image>
					开始录制
				</view> -->
				<!-- <view @tap="$wanlshop.auth('/pages/common/rtmp/telephone')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o7.png')" mode="widthFix"></image>
					开始问诊
				</view> -->
				<!-- <view @tap="$wanlshop.auth('/pages/nursing/index')">
					<image :src="$wanlshop.oss('/uploads/20240704/36d449f4a06c361f342c336f05026da2.png')" mode="widthFix"></image>
					基础照护
				</view> -->
				<view @tap="$wanlshop.auth('/pages/user/setting/about')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o7.png')" mode="widthFix"></image>
					关于
				</view>
				<!-- <view @tap="restaurant">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o7.png')" mode="widthFix"></image>
					助餐
				</view> -->
				<!-- <view @tap="$wanlshop.auth('/pages/medicalcare/homemaking/thali')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o7.png')" mode="widthFix"></image>
					套餐卡
				</view> -->
				<view @tap="$wanlshop.auth('/pages/user/thali/thali')">
					<image :src="$wanlshop.oss('/uploads/staticImage/images/user/icon/o7.png')" mode="widthFix"></image>
					我的套餐卡
				</view>
			</view>
		</view>

		
		</wanl-scroll-list>
		<view class="edgeInsetBottom"></view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				headerOpacity: 0,
				num: 0,
				count: {
					user: {
						collect: 0,
						works: 0,
						browse: 0,
						comment: 0,
						goods: 0,
						groups: 0,
						homeking: 0,
						medicalvisit: 0,
						accompany: 0,
						nursing: 0,
						ddcar: 0,
						banks: 0,
						coupon: 0,
						consultation:0,
						reservation:0
					},
					service: {
						medicalvisit: 0,
						homeking: 0,
						accompany: 0
					}
				},
				currentTab: 3, // 底部
				listTab: [{
						"pagePath": "/pages/page/index",
						"iconPath": "/static/images/tabbar/index.png",
						"selectedIconPath": "/static/images/tabbar/indexHL.png",
						"text": "首页"
					}, {
						"pagePath": "/pages/category",
						"iconPath": "/static/images/tabbar/categoryNew.png",
						"selectedIconPath": "/static/images/tabbar/categoryNewHL.png",
						"text": "分类"
					}, {
						"pagePath": "/pages/cart",
						"iconPath": "/static/images/tabbar/cartNew.png",
						"selectedIconPath": "/static/images/tabbar/cartNewHL.png",
						"text": "购物车"
					},
					{
						"pagePath": "/pages/user",
						"iconPath": "/static/images/tabbar/user.png",
						"selectedIconPath": "/static/images/tabbar/userHL.png",
						"text": "我的"
					}
				], // 底部
			};
		},
		computed: {
			...mapState(['user', 'statistics', 'common'])
		},
		// > 0
		// `identity1` int(10) DEFAULT '0' COMMENT '医护人员id',
		// `identity2` int(10) DEFAULT '0' COMMENT '陪诊人员id',
		// `identity3` int(10) DEFAULT '0' COMMENT '家政人员id',
		// `identity4` int(10) DEFAULT '0' COMMENT '司机id',
		// `identity5` int(10) DEFAULT '0' COMMENT '志愿者id',
		// `identity6` int(10) DEFAULT '0' COMMENT '医生id',
		onShow() {
			if(this.$refs.list) {
				this.load({page:1},'refresh')
			}
		},
		methods: {
			restaurant() {
				if(this.common.store) {
					this.$wanlshop.auth('/pages/restaurant/index')
				} else {
					this.$wanlshop.auth('/pages/restaurant/user/store/store')
				}
			},
			scroll(e) {
				let tmpY = 50;
				e.scrollTop = e.scrollTop > tmpY ? 50 : e.scrollTop; //如果当前高度大于250则250否则当前高度
				this.headerOpacity = e.scrollTop * (1 / tmpY); //$headerOpacity 赋值当前高度x（1÷250）
			},
			isDoctor() {
				let that = this;
				let real_verified = this.$store.state.user.real_verified
				if(real_verified != 1) {
					this.$wanlshop.msg('请先实名认证！')
					setTimeout(() => {
						this.$wanlshop.auth('/pages/user/setting/verified')
					}, 1500);
					return false
				}
				if(this.$store.state.user.doctor) {
					this.$wanlshop.to(`/pages/user/doctor/doctor`)
				} else {
					uni.showModal({
					  title: '提示',
					  content: '您当前还不是医生，是否申请成为医生？',
					  success: function (res) {
					    if (res.confirm) {
							that.$wanlshop.to(`/pages/user/setting/applyDoctor`)
					    }
					  }
					});
				}
			},
			load(event,key) {
				if (this.$store.state.user.isLogin) {
					this.loadData();
				} else {
					this.count = {
						user: {
							collect: 0,
							works: 0,
							browse: 0,
							comment: 0,
							goods: 0,
							groups: 0,
							homeking: 0,
							medicalvisit: 0,
							accompany: 0,
							nursing: 0,
							ddcar: 0,
							banks: 0,
							coupon: 0,
							consultation:0,
							reservation:0
						},
						service: {
							medicalvisit: 0,
							homeking: 0,
							accompany: 0
						}
					}
				}
				this.$refs.list.refreshSuccess({ list: [1], total: 1 });
				this.$refs.list.showPullUp = false;
				this.$refs.list.showEmpty = false;
			},
			async loadData() {
				await uni.request({
					url: '/member/user/info',
					method: 'POST',
					success: res => {
						// 确保 qr_code 字段存在
						if (!res.data.qr_code) {
							res.data.qr_code = res.data.id; // 如果没有 qr_code，使用用户 id 作为默认值
						}
						this.$store.commit('user/setUserInfo', res.data);
						this.$store.dispatch('user/setToken', res.data.token);
						this.$u.vuex('vuex_token', res.data.token);
					}
				});
				await uni.request({
					url: '/wanlshop/user/refresh',
					method: 'POST',
					success: res => {
						this.$store.commit('statistics/edit', res.data.statistics);
					}
				});
				await uni.request({
					url: '/member/user/index_count',
					method: 'get',
					success: res => {
						this.count = res.data;
						let sum = this.sumObjectValues(res.data)
						this.$store.commit('statistics/setMessageNum', sum);
						this.num = res.data.service.medicalvisit + res.data.service.accompany + res.data.service.homeking;
					}
				});
			},
			sumObjectValues(obj) {  
			  let sum = 0;  
			  
			  for (let key in obj) {  
			    if (typeof obj[key] === 'object') {  
			      sum += this.sumObjectValues(obj[key]);  
			    } else {  
			      sum += obj[key];  
			    }  
			  }  
			  
			  return sum;  
			},
			// 帮助
			help() {
				this.$wanlshop.to('/pages/user/help');
			},
			// 设置
			setting() {
				this.$wanlshop.to('/pages/user/setting/setting');
			},
			portrai() {
				this.$wanlshop.to('/pages/user/portrait/portrait');
			},
			async apply(type) {
				let real_verified = this.$store.state.user.real_verified
				if(!real_verified) {
					this.$wanlshop.msg(`您还未实名认证，请先实名认证`)
					setTimeout(() => {
						this.$wanlshop.auth('/pages/user/setting/verified')
					}, 1500);
				} else {
					if(real_verified == 0) {
						this.$wanlshop.msg('实名认证正在审核中,请耐心等待')
						setTimeout(() => {
							this.$wanlshop.auth('/pages/user/setting/verified')
						}, 1500);
					} else if(real_verified == 1) {
						uni.showActionSheet({
							title: '请选择申请类型',
							itemList: ['医护人员', '陪诊人员'],
							// itemList: ['医护人员', '陪诊人员', '家政人员', '医生'],
							success: (e) => {
								if(e.tapIndex == 3) {
									this.$wanlshop.auth('/pages/user/setting/applyDoctor')
								} else {
									this.$wanlshop.auth(`/pages/user/setting/userApply?t=${e.tapIndex + 1}`)
								}
							},
							fail: (e) => {
								console.log(e);
							}
						})
					} else if(real_verified == 2) {
						this.$wanlshop.msg(`实名认证未通过,请重新提交`)
						setTimeout(() => {
							this.$wanlshop.auth('/pages/user/setting/verified')
						}, 1500);
					}
				}
			}
		}
	};
</script>

<style lang="scss">
	.cu-bar .action.mp:first-child>text[class*='wlIcon-'] {
		margin-left: 0;
	}

	.wanl-user {
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
	}

	.wanl-user .user {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		padding: 0 30rpx;
		padding-bottom: 30rpx;
	}

	.wanl-user .user .avatar {
		position: relative;
		height: 134rpx;
		width: 134rpx;
		border-radius: 6rpx;
		overflow: hidden;
		// border: 3px solid rgba(255, 255, 255, .25);
	}

	.wanl-user .user .avatar image {
		height: 134rpx;
		width: 134rpx;
		border-radius: 50%;
	}

	.wanl-user .user .avatar .tag {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.wanl-user .user .content {
		flex: 1;

		>view {
			&:nth-child(1) {
				color: #083600;
			}

			&.nickname {
				width: 100%;
				display: inline-block;
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #1A6419;
				line-height: 42rpx;
			}
		}
	}
	.wanl-user .user .r {
		text {
			color: #1A6419;
			display: inline-block;
			line-height: 42rpx;
		
			&:last-child {
				font-size: 20rpx;
				font-weight: bold;
			}
		}
	}

	/* 操作 */
	.wanl-user .operate {
		display: flex;
		justify-content: space-around;
		text-align: center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		// background-image: url(@/static/images/user/background.png);
		background-image: url($cdnurl + "/uploads/staticImage/images/user/background.png");
		height: 186rpx;
		padding-top: 64rpx;
		margin-top: -30rpx;
	}
.wanl-user .operate image {
	width: 40rpx;
	height: 40rpx;
}
	.wanl-user .operate text {
		display: block;
		font-size: 26rpx;
		color: #666;
		margin-top: 10rpx;
	}

	/* 活动 */
	.wanl-user .activity {
		position: absolute;
		width: 100%;
		bottom: -80rpx;
	}

	.wanl-user .activity .radius {
		border-radius: 24rpx;
	}

	.wanl-user .activity .cu-avatar {
		width: 69rpx;
		height: 69rpx;
		margin-right: 30rpx;
		background-color: transparent;
		/* border: 1px solid rgba(255,255,255,.6); */
	}

	.wanl-user .activity .content {
		text-align: left;
		height: 68rpx;
	}

	/* 订单 */
	.wanl-user-order {
		background-color: white;
		margin-top: 14rpx;
	}

	.wanl-user-order .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-order .title text {}



	/* 状态 */
	.wanl-user-order .project {
		display: flex;
		justify-content: space-around;
		text-align: center;
	}

	.wanl-user-order .project>view {
		position: relative;
		flex: 1;
	}

	.wanl-user-order .project>view .cu-tag {
		top: -4rpx;
		right: 26rpx;
	}

	.wanl-user-order .project text {
		display: block;
		font-size: 50rpx;
		margin-bottom: 6rpx;
	}

	/* 物流 */
	.wanl-user-order .logistics {
		background-color: #f9f9f9;
		border-radius: 24rpx;
	}

	.wanl-user-order .logistics .swiper {
		height: 120rpx;
	}

	.wanl-user-order .logistics .swiper .title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10rpx;
		color: #999999;
	}

	.wanl-user-order .logistics .swiper .cu-avatar {
		margin-right: 10rpx;
		height: 66rpx;
		width: 66rpx;
		border-radius: 12rpx;
		background-color: #ffffff;
	}

	.wanl-user-order .logistics .swiper .content .text-df {
		color: #3797e0;
		font-size: 27rpx;
		margin-bottom: 2rpx;
	}

	.wanl-user-order .logistics .swiper .content .text-sm {
		color: #999999;
	}

	.wanl-user-order .logistics .swiper .content text {
		font-size: 32rpx;
		margin-left: 15rpx;
		margin-right: 10rpx;
	}

	/* 工具箱 */
	.wanl-user-tool {
		background-color: #ffffff;
	}

	.wanl-user-tool .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-tool .title text {
		margin-left: 2rpx;
	}

	/* 状态 */
	.wanl-user-tool .list {
		text-align: center;
		white-space: nowrap;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.wanl-user-tool .list>view {
		margin-bottom: 28rpx;
		position: relative;
	}

	.wanl-user-tools {
		.title {
			margin-bottom: 10rpx !important;
		}
		.item {
			margin-bottom: 28rpx;
			position: relative;
			display: inline-flex;
			width: 140rpx;
			flex-direction: column;
			align-items: center;
			padding-top: 20rpx;
			image {
				width: 60rpx !important;
			}
			.cu-tag {
				top: 0 !important;
			}
		}
	}
	
	.wanl-user-tool .list>view .cu-tag {
		top: -8rpx;
		left: 80rpx;
		right: unset;
	}

	.wanl-user-tool .list text {
		display: block;
		font-size: 26rpx;
	}

	.wanl-user-tool .list>view {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.wanl-user-tool .list image {
		display: block;
		width: 52rpx;
		height: 52rpx;
		margin-bottom: 8rpx;
	}

	.wanl-user-tool .title {
		display: inline-block;
		font-size: 32rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 48rpx;
		padding-left: 20rpx;
		margin-bottom: 20rpx;
		margin-top: 14rpx;
	}

	.files-container {
		margin: 0 auto;
		width: 546rpx;
		background-image: url($cdnurl + "/uploads/staticImage/images/user/background1.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		opacity: 0.8;
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		overflow: hidden;
		margin-top: 24rpx;
		box-sizing: border-box;
	}

	.files {
		height: 98rpx;
		width: 100%;

		&:first-child {
			border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		}

		view {
			padding-left: 12rpx;

			text {
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 35rpx;

				&:nth-child(2) {
					font-size: 24rpx;
					margin-left: 10rpx;
				}
			}
		}

		>text {
			display: inline-block;
			width: 124rpx;
			height: 42rpx;
			background: #7BD390;
			border-radius: 24rpx 0rpx 0rpx 24rpx;
			font-size: 26rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 42rpx;
			padding-left: 16rpx;
		}
	}

	.solid-left {
		&::after {
			border-left: 2px solid #DEDEDE;
		}
	}
	.cu-tag.badge {
		width: 30rpx;
		z-index: 9 !important;
	}
</style>